<template>
    <div class="query">
        <el-form :inline="true" :model="formInline" class="demo-form-inline">
            <el-form-item label="名称">
                <el-input size="mini" v-model="formInline.user" placeholder="请输入要查询的名称"></el-input>
            </el-form-item>
            <el-form-item>
                <el-button size="mini" type="primary" @click="onSubmit">查询</el-button>
            </el-form-item>
        </el-form>
    </div>  
</template>
<script>
export default {    
  data() {
    return {
        formInline: {
          user: '',
          region: ''
        }

    }
  },
  methods: {
      onSubmit() {
        console.log('submit!');
      }
    }

};
</script>
<style lang="scss" scoped>
.query {
  background-color: #f2f2f2; padding: 0 10px; margin-bottom: 10px;
  .el-form--inline{
      padding-top: 5px;
  }
  .el-form-item{
      margin-bottom: 5px;
  }
}
</style>